import React, { useState } from 'react'

export default function CounterHook() {
  /**
   * Hook: useState
   * > 本身是一个函数, 来自react包
   * > 参数和返回值
   *  1.参数: 作用是给创建出来的状态一个默认值
   *  2.返回值: 数组
   *    * 元素1: 当前state的值
   *    * 元素2: 设置新的值时,使用的一个函数
   */
  const arr = useState(0)
  const counter = arr[0]
  const setCounter = arr[1]

  return (
    <div>
      <h2>当前计数: {state}</h2>
      <button onClick={e => setCounter(counter + 1)}>+1</button>
      <button onClick={e => setCounter(counter - 1)}>-1</button>
    </div>
  )
}
